<%-- 
    Document   : registro
    Created on : Apr 6, 2012, 1:40:16 PM
    Author     : Eol
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Registro</title>
<link href="Estilos/css/bootstrap.css" rel="stylesheet">

<style type="text/css" media="screen">
  #fondo {
            height: 400px;  
            margin: auto;
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#f18b01),  to(#ffffff));
        }
</style>

</head>

<body>
    <div id="fondo" class="container" style="width: auto;">
	<table style="position:absolute;top:15px;left:200px">
            <tr>
    		<td style="position:absolute;top:20px;left:0px">
                    <div class="row">
      			<img src="http://placehold.it/189x93" alt="">
                    </div>
    		</td>
    		<td style="position:absolute;top:20px;left:189px">
                    <div class="row">  
         		<img src="http://placehold.it/780x93" alt="">
                    </div>
     		</td>
            </tr>  
            </table>
		<div class"row" style="position:absolute;top:140px;left:140px">
                    <div class="span4">
                        <div class="hero-unit">
                            <h3>Unete a Manu</h3>
                                <br/>
				<form href="principal.jsp" method="post">
				Nombre:
				<input name="nombre" type="text" data-provide="typeahead">
				<br/>
				Apellidos:
				<input name="apellidos" type="password" data-provide="typeahead">
				<br/>
				Correo Electronico:
				<input name="user" type="text" data-provide="typeahead">
				<br/>
				Contrase&ntilde;a:
				<input name="password" type="text" data-provide="typeahead">
				<p>
				<a href="#" class="btn btn-warning " type="submit">Continuar» </a>
				</p>
				<br/>
				</form>
			</div>
		</div>	
		<div class="span3">
                    <div class="hero-unit"> 
			<h3>Completa tu registro</h3>
			<br/> 
			Codigo de activacion:
			<input class="input-small"name="codigo" type="text" data-provide="typeahead">
			<p>
			<a href="#" class="btn btn-warning " type="submit">Enviar </a>
			</p>
			<br/>
			<div class="alert alert-info">
                            <a class="close" data-dismiss="alert">×</a>
                            Debes ingresar el codigo que GestionAndo te ha enviado
			</div>
                    </div>
		</div>
		<div class="span3">
                    <div class="hero-unit"> 
                        <div class="alert alert-error">
                            <a class="close" data-dismiss="alert">×</a>
                            Mensaje de error o activacion
			</div>
			<h3>
			&nbsp
			&nbsp
			&nbsp
			Y ahora
			</h3>
			<p>
                        <a href="crearProyecto.jsp" class="btn btn-warning " type="submit">Empieza a trabajar </a>
			</p>
			<br/>
                    </div>                 
		</div>
            </div>   
    </div>
    <script src="Estilos/js/jquery.js"></script>
    <script src="Estilos/js/bootstrap-alert.js"></script>
    <script src="Estilos/js/bootstrap-button.js"></script>
</body>

</html>
